<ion-header>
  <div class="uh bc-head ubb bc-d9" data-control="HEADER" id="Header">
    <div class="ub ub-ac">
      <div class="nav-btn" id="nav-left" (click)="navCtrl.pop()">
        <img src="assets/imgs/back_btn.png" />
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c ub ub-pc">战豆明细</h1>
      <div class="nav-btn" id="nav-right">
        <div class="fa  fa-1g  ub-img1"></div>
      </div>
    </div>
  </div>
</ion-header>
<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新..." refreshingSpinner="circles" refreshingText="请稍等...">
        </ion-refresher-content>
      </ion-refresher>
  <div class="bc-bg ub ub-ver ub-ac ub-con " data-control="FLEXBOXVER" id="ContentFlexVer">
    <div class="scrollbox " style="width:100%;">
  
      <div class="ub ub-ver">
        <div class="details">
          <ul class="ubb ubt bc-cc" id="list">
            <li class="ub ub-ac ubb bc-cc ub-pj" *ngFor="let item of IntegralList">
              <div>
                <div>{{item.Desc}}</div>
                <div class="space"></div>
                <div class="time">{{item.CreateDate*1000 | date:'yyyy-MM-dd'}}</div>
              </div>
              <div class="ub ub-f1 ub-ver">
                <div class="ub ub-f1 ub-pe"> </div>
                <div class="space"></div>
                <div class="tx-r money"> {{item.Integral }} </div>
              </div>
            </li>

          </ul>
        </div>
      </div>
    </div>
  </div>
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-content>
